<template>
  <div class="home">
    <v-header></v-header>
    <div class="main">
      <v-left></v-left>
      <v-right></v-right>
    </div>
  </div>
</template>

<script>
import vHeader from "../components/navs/header";
import vLeft from "../components/navs/left";
import vRight from "../components/navs/right";
export default {
  name: "Home",
  components: {
    vHeader,
    vLeft,
    vRight
  }
};
</script>
<style scoped>
.home {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.main {
  display: flex;
  flex: 1;
}
</style>
